// color
@black: #000;
@themes: #4B93FA; //主色
@red: #f3262a;
@grey: #f6f6f6; //背景色
@white: #fff;
@gray-1: #f7f8fa;
@gray-2: #f2f3f5;
@gray-3: #ebedf0;
@gray-4: #dcdee0;
@gray-5: #c8c9cc;
@gray-6: #969799;
@gray-7: #646566;
@gray-8: #323233;

@border-gray: 1px solid @gray-3;

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-mdl: @padding-base * 5;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

// Margin
@margin-base: 4px;
@margin-xs: @margin-base * 2;
@margin-sm: @margin-base * 3;
@margin-md: @margin-base * 4;
@margin-mdl: @margin-base * 5;
@margin-lg: @margin-base * 6;
@margin-xl: @margin-base * 8;

// Font
@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-md: 14px;
@font-size-lg: 16px;
@line-height-xs: 14px;
@line-height-sm: 18px;
@line-height-md: 20px;
@line-height-lg: 22px;
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
    'Microsoft Yahei', sans-serif;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
    sans-serif;

// Hight
@height-base: 10px;
@height-sm: 30px;
@height-md: 10px * 4;
@height-mdl: 10px * 5;
@height-lg: 10px * 6;

// Radius
@radius-base: 1px;
@radius-sm: 1px * 2;
@radius-xs: 1px * 3;
@radius-md: 1px * 5;
@radius-lg: 1px * 10;